<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>秀恩爱</title>
        <link rel="stylesheet" type="text/css" href="css/header.css">
        <link rel="stylesheet" type="text/css" href="css/storyHome.css">
        <script type="text/javascript" src="js/jquery-1.11.3.js"></script>
    </head>

    <body>
		<header>
    	<script type="text/javascript" src="js/header.js"></script>
    	</header>
	    <script>var uls=document.getElementsByClassName("menu_more");
		for(var i=0;i<uls.length;i++){
			uls.item(i).onmouseover=function(){
				this.getElementsByTagName("ul")[0].style.display="block";
			}
			uls.item(i).onmouseout=function(){
				this.getElementsByTagName("ul")[0].style.display="none";
			}
			
		}</script>
    
        <div class="stroyHome">
            <div  class='stroyLogo'><dl>
    <dt><a href='#'><img src="images/logo.jpg" alt='秀恩爱'></a><p><a href="#" target="_blank">幸福纪念册</a><!--&nbsp;&nbsp;|&nbsp;&nbsp;<a href='#' target="_blank">爱·永恒电子期刊</a>--></p></dt>
        <dd><a href="uploadstory.html" target="_blank">上传成功故事</a></dd><!--跳转到成功故事上传页面-->
    </dl>
</div>
            <div class="stroyTop">
                <div class="focusIndex">
                    <ul id="viewerFrame">
                   	  <li><a href="#" style="display:block;" target="_blank"><img src="images/o-76-2a91ce.jpg" alt=""></a>
                            <div>
                                <strong>爱情就是两个人的平凡生活</strong><br><!--故事标题-->
                                何必再错过<br><!--故事副标题-->
                                <p><spanstyle=\\\\\\\\\\\\\\\"color:#666666;font-family:arial,simsun;line-height:24px;white-space:normal;background-color:#ffffff;\\\\\\\\\\\\\\\">爱情，自古以来在人们眼中都是美好的，似乎也是华丽的，轰轰烈烈的。可是，事实上，真正的爱并不一定是这样的。爱情原本该是两个人的事情，两个人...<a href="#" target="_blank">[阅读全文]</a><!--跳转到中怀写的故事页面-->
                                </p>
                            </div>
                        </li>                            
                      <li><a href="#" target="_blank"><img src="http://data.baihe.com/story/album/channel/o-72-01dee8.jpg" alt=""></a>
                            <div>
                                <strong>幸福来得好突然</strong><br>
                                方先生 相识41天我们闪婚了<br>
                                <p>&nbsp;&nbsp;&nbsp;2013年2月16日，我在百合网认识了她。我们很聊得来，每天都聊到很晚，开始的时候聊QQ，后来每天打电话，一打就是几小时，感觉时间过得特别快，最长的一次打了快8个小时，都等于上一天班那么长时间了，但是第二天早上醒来第一件事就是给她打电话......<br>
&nbsp;&nbsp;&nbsp;2013年...<a href="#" target="_blank">[阅读全文]</a>
                                </p>
                            </div>
                        </li>                            
                      <li><a href="#" target="_blank"><img src="http://data.baihe.com/story/album/channel/o-75-6d5ee6.jpg" alt=""></a>
                            <div>
                                <strong>一定会有人穿越汹涌的人群走向你</strong><br>
                                我和你在一起<br>
                                <p><spanstyle=\\\\\\\\\\\\\\\"font-size:10.5pt;font-family:宋体;\\\\\\\\\\\\\\\">你要相信世界上一定会有一个你的爱人，无论你此刻正被光芒环绕、被掌声淹没，还是那时你正孤独地走在寒冷的街道上北大雨淋湿。无论是飘着小雪的微亮清晨，还是被热浪炙烤的薄暮黄昏，他一定会穿越这个世界上汹涌着的人...<a href="#" target="_blank">[阅读全文]</a>
                                </p>
                            </div>
                        </li>                            
                      <li><a href="#" target="_blank"><img src="http://data.baihe.com/story/album/channel/o-23-db6a47.jpg" alt=""></a>
                            <div>
                                <strong>牵手一辈子</strong><br>
                                <b>牵手一辈子</b><br>裴先生感谢上天让我找到你<br>
                                <p><p>
	&nbsp;&nbsp;&nbsp;2011年5月1日，我在百合网认识了我的宝宝娘子。我们每天在网上聊天，那个时候我们还没有见过面，可是聊天的时候却已经像热恋中的情侣，每天晚上我都哄她睡觉。
                                	</p>
                              <p>
	&nbsp;&nbsp;&nbsp;我们简直一见如故，她总是对我说：“这么多年你死哪去了，怎么才找到我?”。我很幸...<a href="http://story.baihe.com/space.php?id=59703750" target="_blank">[阅读全文]</a>
                                </p>
                            </div>
                        </li>                            
                      <li><a href="#" target="_blank"><img src="http://data.baihe.com/story/album/channel/o-78-927e2c.jpg" alt=""></a>
                            <div>
                                <strong>这是属于我的百年好合</strong><br>
                                我们的百年好合<br>
                                <p><spanstyle=\\\"color:#666666;font-family:Arial,SimSun;line-height:24px;white-space:normal;background-color:#FFFFFF;\\\">总听到这样一句话——两个人在一起，能聊得来很重要。而他之于我，就是那个聊得来的人。2014年5月29日，我们在百合网相识，那时候的我们都不知道，这一天，改变了我们两个人...<a href="#" target="_blank">[阅读全文]</a>
                                </p>
                            </div>
                        </li>                            
                        
                    </ul>
                </div>
                <div class="focusBtn">
                    <ul>
                        <li><a id="nextbtn" onClick="return false;" onfocus="this.blur()" style="cursor:pointer" class="s1">前进</a></li>
                        <li><span id="shwo_channe_page">1</span>/5</li>
                        <li><a id="prevbtn" onClick="return false;" onfocus="this.blur()" style="cursor:pointer" class="s2">后退</a></li>
                    </ul>
                </div>
            </div>

            <div class="stroyMain">
                <div class="listCont" style="width:700px; float:left">
                    <h3><span class="bj01">幸福定格</span><a target="_blank" href="http://story.baihe.com/story.php?story_list&dr">更多+</a></h3>
                    <ul>
                        <li id="photo_blur252" onmouseover="document.getElementById('love_label252').style.display = 'none';
                            document.getElementById('love_label_name252').style.display = 'block';" onmouseout="document.getElementById('love_label252').style.display = 'block';
                            document.getElementById('love_label_name252').style.display = 'none';">
                            <a href="space.php?id=66968222" target="_blank">
                                <img src="http://data.baihe.com/story/album/happiness/o-252-f1371d.jpg" width="125" height="140" alt="">
                                <p class="tab" id="love_label252">兴趣相投</p>
                            </a>
                            <div class="show" style="display:none;" id="love_label_name252">
                                <p>wa1tin... &保密</p>
                                <div class="btnList">
                                    <span>兴趣相投</span>
                                </div>
                            </div>
                        </li>
                        <li id="photo_blur256" onmouseover="document.getElementById('love_label256').style.display = 'none';
                            document.getElementById('love_label_name256').style.display = 'block';" onmouseout="document.getElementById('love_label256').style.display = 'block';
                            document.getElementById('love_label_name256').style.display = 'none';">
                            <a href="space.php?id=58549288" target="_blank">
                                <img src="http://data.baihe.com/story/album/happiness/o-256-bf0c74.jpg" width="125" height="140" alt="">
                                <p class="tab" id="love_label256">一见钟情</p>
                            </a>
                            <div class="show" style="display:none;" id="love_label_name256">
                                <p>倩xiao妞... &保密</p>
                                <div class="btnList">
                                    <span>一见钟情</span>
                                </div>
                            </div>
                        </li>
                        <li id="photo_blur253" onmouseover="document.getElementById('love_label253').style.display = 'none';
                            document.getElementById('love_label_name253').style.display = 'block';" onmouseout="document.getElementById('love_label253').style.display = 'block';
                            document.getElementById('love_label_name253').style.display = 'none';">
                            <a href="space.php?id=67258971" target="_blank">
                                <img src="http://data.baihe.com/story/album/happiness/o-253-4b71a0.jpg" width="125" height="140" alt="">
                                <p class="tab" id="love_label253">一波三折</p>
                            </a>
                            <div class="show" style="display:none;" id="love_label_name253">
                                <p>转身遇见你 &限量版</p>
                                <div class="btnList">
                                    <span>一波三折</span>
                                </div>
                            </div>
                        </li>
                        <li id="photo_blur257" onmouseover="document.getElementById('love_label257').style.display = 'none';
                            document.getElementById('love_label_name257').style.display = 'block';" onmouseout="document.getElementById('love_label257').style.display = 'block';
                            document.getElementById('love_label_name257').style.display = 'none';">
                            <a href="space.php?id=74830524" target="_blank">
                                <img src="http://data.baihe.com/story/album/happiness/o-257-7dd5e4.jpg" width="125" height="140" alt="">
                                <p class="tab" id="love_label257">夫妻相</p>
                            </a>
                            <div class="show" style="display:none;" id="love_label_name257">
                                <p>浮华的落寞 &爱傻笑...</p>
                                <div class="btnList">
                                    <span>夫妻相</span>
                                    <span>一见钟情</span>
                                </div>
                            </div>
                        </li>
                        <li id="photo_blur259" onmouseover="document.getElementById('love_label259').style.display = 'none';
                            document.getElementById('love_label_name259').style.display = 'block';" onmouseout="document.getElementById('love_label259').style.display = 'block';
                            document.getElementById('love_label_name259').style.display = 'none';">
                            <a href="space.php?id=73402665" target="_blank">
                                <img src="http://data.baihe.com/story/album/happiness/o-259-427f4f.jpg" width="125" height="140" alt="">
                                <p class="tab" id="love_label259">闪婚</p>
                            </a>
                            <div class="show" style="display:none;" id="love_label_name259">
                                <p>海纳百川 &保密</p>
                                <div class="btnList">
                                    <span>闪婚</span>
                                    <span>一见钟情</span>
                                </div>
                            </div>
                        </li>
                        <li id="photo_blur258" onmouseover="document.getElementById('love_label258').style.display = 'none';
                            document.getElementById('love_label_name258').style.display = 'block';" onmouseout="document.getElementById('love_label258').style.display = 'block';
                            document.getElementById('love_label_name258').style.display = 'none';">
                            <a href="space.php?id=78860461" target="_blank">
                                <img src="http://data.baihe.com/story/album/happiness/o-258-bb25e4.jpg" width="125" height="140" alt="">
                                <p class="tab" id="love_label258">百年好合</p>
                            </a>
                            <div class="show" style="display:none;" id="love_label_name258">
                                <p>水瓶座@帅 &保密</p>
                                <div class="btnList">
                                    <span>百年好合</span>
                                </div>
                            </div>
                        </li>
                        <li id="photo_blur260" onmouseover="document.getElementById('love_label260').style.display = 'none';
                            document.getElementById('love_label_name260').style.display = 'block';" onmouseout="document.getElementById('love_label260').style.display = 'block';
                            document.getElementById('love_label_name260').style.display = 'none';">
                            <a href="space.php?id=71853640" target="_blank">
                                <img src="http://data.baihe.com/story/album/happiness/o-260-f54feb.jpg" width="125" height="140" alt="">
                                <p class="tab" id="love_label260">裸婚</p>
                            </a>
                            <div class="show" style="display:none;" id="love_label_name260">
                                <p>王军 &保密</p>
                                <div class="btnList">
                                    <span>裸婚</span>
                                    <span>闪婚</span>
                                </div>
                            </div>
                        </li>
                        <li id="photo_blur261" onmouseover="document.getElementById('love_label261').style.display = 'none';
                            document.getElementById('love_label_name261').style.display = 'block';" onmouseout="document.getElementById('love_label261').style.display = 'block';
                            document.getElementById('love_label_name261').style.display = 'none';">
                            <a href="space.php?id=69116848" target="_blank">
                                <img src="http://data.baihe.com/story/album/happiness/o-261-55d39d.jpg" width="125" height="140" alt="">
                                <p class="tab" id="love_label261">异地恋</p>
                            </a>
                            <div class="show" style="display:none;" id="love_label_name261">
                                <p>海桐 &保密</p>
                                <div class="btnList">
                                    <span>异地恋</span>
                                    <span>夫妻相</span>
                                </div>
                            </div>
                        </li>
                        <li id="photo_blur254" onmouseover="document.getElementById('love_label254').style.display = 'none';
                            document.getElementById('love_label_name254').style.display = 'block';" onmouseout="document.getElementById('love_label254').style.display = 'block';
                            document.getElementById('love_label_name254').style.display = 'none';">
                            <a href="space.php?id=74336864" target="_blank">
                                <img src="http://data.baihe.com/story/album/happiness/o-254-ae8731.jpg" width="125" height="140" alt="">
                                <p class="tab" id="love_label254">异地恋</p>
                            </a>
                            <div class="show" style="display:none;" id="love_label_name254">
                                <p>秋天的童话 &都是朋友</p>
                                <div class="btnList">
                                    <span>异地恋</span>
                                    <span>兴趣相投</span>
                                </div>
                            </div>
                        </li>
                        <li id="photo_blur255" onmouseover="document.getElementById('love_label255').style.display = 'none';
                            document.getElementById('love_label_name255').style.display = 'block';" onmouseout="document.getElementById('love_label255').style.display = 'block';
                            document.getElementById('love_label_name255').style.display = 'none';">
                            <a href="space.php?id=74884995" target="_blank">
                                <img src="http://data.baihe.com/story/album/happiness/o-255-9679eb.jpg" width="125" height="140" alt="">
                                <p class="tab" id="love_label255">经济适用男</p>
                            </a>
                            <div class="show" style="display:none;" id="love_label_name255">
                                <p>憨豆 &保密</p>
                                <div class="btnList">
                                    <span>经济适用男</span>
                                </div>
                            </div>
                        </li>
                    </ul>
              </div>
                <div class="listCont" style="width:270px; float:right">
                    <h3><span class="<!--bj02-->"><!--专题·幸福纪念册--></span><a target="_blank" href="#"><!--更多+--></a></h3>
                         <ul>
                             <li id="photo_blur3" onmouseover="document.getElementById('sub_love_label3').style.display = 'none';
                            document.getElementById('sub_love_label_name3').style.display = 'block';" onmouseout="document.getElementById('sub_love_label3').style.display = 'block';
                            document.getElementById('sub_love_label_name3').style.display = 'none';">
                            <a href="http://act.baihe.com/2013/successtory21/" target="_blank">
                                <img src="http://data.baihe.com/story/album/us/627/o81833627-19019-7fdbfc.jpg" width="125" height="140" alt="">
                                <p class="tab" id="sub_love_label3">裸婚</p>
                            </a>
                            <div class="show" style="display:none;" id="sub_love_label_name3">
                                <p>tana &abeyit</p>
                                <div class="btnList">
                                    <span>裸婚</span>
                                </div>
                            </div>
                        </li>
                        <li id="photo_blur5" onmouseover="document.getElementById('sub_love_label5').style.display = 'none';
                            document.getElementById('sub_love_label_name5').style.display = 'block';" onmouseout="document.getElementById('sub_love_label5').style.display = 'block';
                            document.getElementById('sub_love_label_name5').style.display = 'none';">
                            <a href="http://act.baihe.com/2013/successtory20/" target="_blank">
                                <img src="http://data.baihe.com/story/album/us/627/o81833627-19018-4cb23a.jpg" width="125" height="140" alt="">
                                <p class="tab" id="sub_love_label5">异地恋</p>
                            </a>
                            <div class="show" style="display:none;" id="sub_love_label_name5">
                                <p>扑妈 &青石</p>
                                <div class="btnList">
                                    <span>异地恋</span>
                                    <span>一见钟情</span>
                                    <span></span>
                                </div>
                            </div>
                        </li>
                        <li id="photo_blur2" onmouseover="document.getElementById('sub_love_label2').style.display = 'none';
                            document.getElementById('sub_love_label_name2').style.display = 'block';" onmouseout="document.getElementById('sub_love_label2').style.display = 'block';
                            document.getElementById('sub_love_label_name2').style.display = 'none';">
                            <a href="http://act.baihe.com/2013/successtory19/" target="_blank">
                                <img src="http://data.baihe.com/story/album/us/627/o81833627-18793-af1f68.jpg" width="125" height="140" alt="">
                                <p class="tab" id="sub_love_label2">闪婚</p>
                            </a>
                            <div class="show" style="display:none;" id="sub_love_label_name2">
                                <p>顺发 &保密</p>
                                <div class="btnList">
                                    <span>闪婚</span>
                                    <span>一见钟情</span>
                                    <span></span>
                                </div>
                            </div>
                        </li>
                        <li id="photo_blur1" onmouseover="document.getElementById('sub_love_label1').style.display = 'none';
                            document.getElementById('sub_love_label_name1').style.display = 'block';" onmouseout="document.getElementById('sub_love_label1').style.display = 'block';
                            document.getElementById('sub_love_label_name1').style.display = 'none';">
                            <a href="http://act.baihe.com/2013/successtory18/" target="_blank">
                                <img src="http://data.baihe.com/story/album/us/627/o81833627-18600-7384e8.jpg" width="125" height="140" alt="">
                                <p class="tab" id="sub_love_label1">经济适用男</p>
                            </a>
                            <div class="show" style="display:none;" id="sub_love_label_name1">
                                <p>evan &保密</p>
                                <div class="btnList">
                                    <span>经济适用男</span>
                                </div>
                            </div>
                        </li>
                    </ul>
              </div>
                                     
              <div class="clear"></div>
                
                
                <div class="loveList">
                    <div class="fLeft" style="overflow:hidden;height:1443px">
                        <h3 class="end"><span class="bj03">记录爱情</span><a target="_blank" href="story.php?story_list">更多+</a></h3>
                        <div style="height:15px; background:#fff; overflow:hidden; zoom:1;"></div>
                        <div class="col_fl" id="col_fl_1">
                            <div class="pin">
                                <a href="space.php?id=57075283"  target="_blank"><img class="pinImg" src="http://data.baihe.com/story/album/love/o-274-f26449.jpg"></a>                                
                                <div class="pinIntro">
                                    <p class="userName">限量版 & 转身遇...</p>
                                    <p>我们在百合 <strong> 2年 </strong> 后恋爱了</p><!--确认恋爱日期-->
                                    <p>会员状态：<strong>宣布结婚了</strong> </p>
                                    <div>标签：
                                        <span class="tab">经济适用男</span> 
                                        <span class="tab">一波三折</span> 
                                        <span class="tab">幸福生活</span> 
                                    </div>
                                    <p class="textIntro"><a href="story.php?id=25055"  target="_blank"></a></p>
                                </div>
                            </div>
                            <div class="pin"> 
                           		<div class="pinIntro">
                                    <p class="userName">爱如捕风 & 保密</p>
                                    <p>我们在百合 <strong>18个月</strong> 后恋爱了</p>
                                    <p>会员状态：<strong>宣布结婚了</strong> </p>
                                    <div>标签：
                                        <span class="tab">夫妻相</span>
                                        <span class="tab">再婚</span>
                                        <span class="tab">异地恋</span>
                                        <span class="tab">为爱勇敢</span>
                                    </div>
                                    <p class="textIntro"><a href="story.php?id=25072"  target="_blank">在百合网注册一年多，就在对网络相亲即将失望时，我遇见了你。我们并不是浪漫的一见钟情，但是相识后的一切都那么顺其自然，我们健康稳定地相互了解和交往着。因为是再婚，起初我是那么小心翼翼，当我调整好自己心态，准备迎接走进我内心的你时，忽然发现我们是很熟悉的，很默契的......原来爱就是这么简单，只要勇敢地迈出那一步，接受对方，了解对方。。我们的爱不是轰轰烈烈，却细水长流日益升温，我们都是重视精神世界思维缜密的人，我们相互影响着......</a></p>
                           		 </div>
                        	</div>
                         	<div class="pin"> 
                            <a href="space.php?id=73337895"  target="_blank"><img class="pinImg" src="http://data.baihe.com/story/album/love/o-266-4694dc.jpg"></a>                            
                            	<div class="pinIntro">
                                    <p class="userName">没有钱你... & 保密</p>
                                    <p>我们在百合 <strong> 3个月</strong> 后恋爱了</p>
                                    <p>会员状态：<strong>宣布结婚了</strong> </p>
                                    <div>标签：
                                        <span class="tab">一见钟情</span>
                                        <span class="tab">闪婚</span>
                                        <span class="tab">百年好合</span>
                                    </div>
                                    <p class="textIntro"><a href="story.php?id=24958"  target="_blank"></a></p>
                                </div>
                            </div>
                            <div class="pin"> 
                                 <div class="pinIntro">
                                    <p class="userName">颜素素 & 保密</p>
                                    <p>我们在百合 <strong>21个月</strong> 后恋爱了</p>
                                    <p>会员状态：<strong>宣布结婚了</strong> </p>
                                    <div>标签：
                                        <span class="tab">再婚</span>
                                    </div>
                                    <p class="textIntro"><a href="story.php?id=24857"  target="_blank">很感谢百合网，让我找到我的真爱。缘分是一件很奇妙的事情，于万千人中，为什么我就会遇见他?佛说，前世的500次回哞，才换来今生的擦肩而过。曾经的我有一个梦想，牵着我爱的人的手，去逛街，去旅游，去走过长长的林荫大道，希望就那样牵着一个人的手一辈子走下去，执子之手，与子偕老，相扶相持走过一生一世的灿烂。在相恋、相爱20个月时我们结婚啦!我的梦变成了现实，他将牵着我的手一直走下去，相扶相持走过生生世世......</a></p>
                            	</div>
                        	</div>
                            <div class="pin"> 
                                 <div class="pinIntro">
                                    <p class="userName">小圆 & 保密</p>
                                    <p>我们在百合 <strong> 93天 </strong> 后恋爱了</p>
                                    <p>会员状态：<strong>宣布结婚了</strong> </p>
                                    <div>标签：
                                        <span class="tab">兴趣相投</span>
                                        <span class="tab">一波三折</span>
                                    </div>
                                    <p class="textIntro"><a href="story.php?id=25010"  target="_blank">2012年初，我结束了为期不到一年的感情，开始了漫长的疗伤之路。受这段感情的影响，我对男人充满了不信任，直到家人帮我注册了百合。那是2012年8月18日，开通百合几个小时后，我收到了一个话语幽默，快乐射手男的来信。他像太阳一样照亮了我灰暗的生活。半个月的交流后，当我发觉自己在期待他的时候，毅然的和他断绝了联系，虽然能读出他的失望和无奈，但我仍因害怕再受伤害而选择先伤害了他......</a></p>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col_fl" id="col_fl_2"><!--第二列-->
                            <div class="pin">
                                <div class="pinIntro">
                                    <p class="userName">玥玥 & 保密</p>
                                    <p>我们在百合 <strong> 1年 </strong> 后恋爱了</p>
                                    <p>会员状态：<strong>宣布结婚了</strong> </p>
                                    <div>标签：
                                        <span class="tab">兴趣相投</span> 
                                        <span class="tab">一见钟情</span> 
                                        <span class="tab">再婚</span> 
                                        <span class="tab">执子之手</span> 
                                        <span class="tab">生生世世</span> 
                                    </div>
                                    <p class="textIntro"><a href="story.php?id=24959"  target="_blank">老公，6月28日就是咱俩结婚一周年啦，在这个特别的日子里，我将亲手为你送上一份物美价廉的厚礼——祝福日志，祝福我们永远快乐、永远健康、永远平安、永远幸福，永远，永远。老公，自从与你相遇相知，携手走进婚姻的殿堂，到相依相伴的今天，虽然没有他人般轰轰烈烈的爱恋，却也从此心心相印，互敬互爱，彼此珍惜。在平淡的生活中我们都只是凡夫俗子，一路走来，我们也曾和很多的普通家庭一样，有过挫折与烦恼，有过埋怨与争吵，但这些都不重要......</a></p>
                                </div>
                            </div>
                            <div class="pin"> 
                            <a href="space.php?id=56029550"  target="_blank"><img class="pinImg" src="http://data.baihe.com/story/album/love/o-272-df76d0.jpg"></a>                           
                            	<div class="pinIntro">
                                    <p class="userName">jianne... & 雨雪</p>
                                    <p>我们在百合 <strong>6天 </strong> 后恋爱了</p>
                                    <p>会员状态：<strong>宣布结婚了</strong> </p>
                                    <div>标签：
                                        <span class="tab">一见钟情</span>
                                        <span class="tab">经济适用男</span>
                                        <span class="tab">一波三折</span>
                                    </div>
                                    <p class="textIntro"><a href="story.php?id=25031"  target="_blank"></a></p>
                                </div>
                            </div>
                            <div class="pin"> 
                                <div class="pinIntro">
                                    <p class="userName">爱笑的眼睛 & 保密</p>
                                    <p>我们在百合 <strong> 60天 </strong> 后恋爱了</p>
                                    <p>会员状态：<strong>宣布结婚了</strong> </p>
                                    <div>标签：
                                        <span class="tab">兴趣相投</span>
                                    </div>
                                    <p class="textIntro"><a href="story.php?id=24989"  target="_blank">我是个不愿长大的娃娃脸女生，在父母的溺爱呵护下任性娇惯的活了27年，谈过的几次恋爱都无疾而终，伤透了心，心里最无助最孤单的时候点开了百合网，随便申请了一个号码，胡乱查看着同城男生的资料，从内心里来讲，我根本不相信网络情缘，正在我百无聊赖的时候，一个瘦瘦男生第一个给我发来信息，一句你长得好显小的开场问候并没有打动我，就这样我又点开了另外一个男生的来信......</a></p>
                                </div>
                            </div>
                            <div class="pin"> <a href="space.php?id=82713790"  target="_blank"><img class="pinImg" src="http://data.baihe.com/story/album/love/o-275-8d3ff5.jpg"></a>                           
                            	<div class="pinIntro">
                                    <p class="userName">石卒碎唸 & 保密</p>
                                    <p>我们在百合 <strong>23天</strong> 后恋爱了</p>
                                    <p>会员状态：<strong>甜蜜恋爱了</strong> </p>
                                    <div>标签：
                                        <span class="tab">兴趣相投</span>
                                        <span class="tab">一见钟情</span>
                                        <span class="tab">夫妻相</span>
                                    </div>
                                    <p class="textIntro"><a href="story.php?id=25083"  target="_blank"></a></p>
                                </div>
                            </div>
                            <div class="pin"> <a href="space.php?id=77404315"  target="_blank"><img class="pinImg" src="http://data.baihe.com/story/album/love/o-270-cdf464.jpg"></a>                                
                            	<div class="pinIntro">
                                    <p class="userName">阿弥陀佛 & 保密</p>
                                    <p>我们在百合 <strong> 1个月</strong> 后恋爱了</p>
                                    <p>会员状态：<strong>宣布结婚了</strong> </p>
                                    <div>标签：
                                        <span class="tab">一见钟情</span>
                                        <span class="tab">闪婚</span>
                                        <span class="tab">佳偶天成</span>
                                    </div>
                                    <p class="textIntro"><a href="story.php?id=25043"  target="_blank"></a></p>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col_fl" id="col_fl_3">
                            <div class="pin"> <a href="space.php?id=53250352"  target="_blank"><img class="pinImg" src="http://data.baihe.com/story/album/love/o-257-7dd5e4.jpg"></a>                                
                            	<div class="pinIntro">
                                    <p class="userName">明月 & 保密</p>
                                    <p>我们在百合 <strong> 3年</strong> 后恋爱了</p>
                                    <p>会员状态：<strong>宣布结婚了</strong> </p>
                                    <div>标签：
                                        <span class="tab">闪婚</span> 
                                    </div>
                                    <p class="textIntro"><a href="story.php?id=24975"  target="_blank"></a></p>
                                </div>
                            </div>
                            <div class="pin"> 
                                <div class="pinIntro">
                                    <p class="userName">莫失莫忘 & 保密</p>
                                    <p>我们在百合 <strong>4个月 </strong> 后恋爱了</p>
                                    <p>会员状态：<strong>甜蜜恋爱了</strong> </p>
                                    <div>标签：
                                        <span class="tab">一见钟情</span>
                                    </div>
                                    <p class="textIntro"><a href="story.php?id=25045"  target="_blank">不知不觉5个月过去了。我们是3月12号认识的，今天刚好5个月，明天就是七夕节。这段时间很忙，我们的生活也走上了正轨，大叔以前一个人的时候家里乱七八糟的，现在收拾收拾，也像个家，哈哈，计划明年结婚，到时候就是我们一起的家了。虽然最近和大叔也闹过别扭，但是很快也就好了，两个人在一起不可能总是快乐的，生活就是酸甜苦辣的组成，信任是我们维系一辈子的纽带。通过5个月的相处，我们的感情越来越深，我们之间也在慢慢的深入对方的内心，悄悄的为对方改变......</a></p>
                                </div>
                       		</div>
                            <div class="pin"> <a href="space.php?id=72440368"  target="_blank"><img class="pinImg" src="http://data.baihe.com/story/album/love/o-271-d8419c.jpg"></a>                            
                            	<div class="pinIntro">
                                    <p class="userName">晓畅 & 保密</p>
                                    <p>我们在百合 <strong>1天 </strong> 后恋爱了</p>
                                    <p>会员状态：<strong>甜蜜恋爱了</strong> </p>
                                    <div>标签：
                                        <span class="tab">一见钟情</span>
                                        <span class="tab">异地恋</span>
                                        <span class="tab">经济适用男</span>
                                    </div>
                                    <p class="textIntro"><a href="story.php?id=25035"  target="_blank"></a></p>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col_fl" id="col_fl_4">
                            <div class="pin"> <a href="space.php?id=53250352"  target="_blank"><img class="pinImg" src="http://data.baihe.com/story/album/love/o-257-7dd5e4.jpg"></a>                                
                            	<div class="pinIntro">
                                    <p class="userName">明月 & 保密</p>
                                    <p>我们在百合 <strong> 3年</strong> 后恋爱了</p>
                                    <p>会员状态：<strong>宣布结婚了</strong> </p>
                                    <div>标签：
                                        <span class="tab">闪婚</span> 
                                    </div>
                                    <p class="textIntro"><a href="story.php?id=24975"  target="_blank"></a></p>
                                </div>
                            </div>
                            <div class="pin"> 
                                <div class="pinIntro">
                                    <p class="userName">莫失莫忘 & 保密</p>
                                    <p>我们在百合 <strong>4个月 </strong> 后恋爱了</p>
                                    <p>会员状态：<strong>甜蜜恋爱了</strong> </p>
                                    <div>标签：
                                        <span class="tab">一见钟情</span>
                                    </div>
                                    <p class="textIntro"><a href="story.php?id=25045"  target="_blank">不知不觉5个月过去了。我们是3月12号认识的，今天刚好5个月，明天就是七夕节。这段时间很忙，我们的生活也走上了正轨，大叔以前一个人的时候家里乱七八糟的，现在收拾收拾，也像个家，哈哈，计划明年结婚，到时候就是我们一起的家了。虽然最近和大叔也闹过别扭，但是很快也就好了，两个人在一起不可能总是快乐的，生活就是酸甜苦辣的组成，信任是我们维系一辈子的纽带。通过5个月的相处，我们的感情越来越深，我们之间也在慢慢的深入对方的内心，悄悄的为对方改变......</a></p>
                                </div>
                       		</div>
                            <div class="pin"> <a href="space.php?id=72440368"  target="_blank"><img class="pinImg" src="http://data.baihe.com/story/album/love/o-271-d8419c.jpg"></a>                            
                            	<div class="pinIntro">
                                    <p class="userName">晓畅 & 保密</p>
                                    <p>我们在百合 <strong>1天 </strong> 后恋爱了</p>
                                    <p>会员状态：<strong>甜蜜恋爱了</strong> </p>
                                    <div>标签：
                                        <span class="tab">一见钟情</span>
                                        <span class="tab">异地恋</span>
                                        <span class="tab">经济适用男</span>
                                    </div>
                                    <p class="textIntro"><a href="story.php?id=25035"  target="_blank"></a></p>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="bottom">
                            <div class="btnBottom"><a href="story.php?story_list"  target="_blank">更多成功故事</a>  点击查看更多成功故事,给他们送去一份祝福。</div>
                   </div>

				
                </div>
            </div> 
        </div>

        <div><a tareget="_blank" href="http://act.baihe.com/2013/successtory20/
"><img src="images/2014082801-xea.jpg"></a></div>
        </div>
        <!--
        <script type="text/javascript" src="http://static2.baihe.com/js/topicsFooter2012.js" charset='utf-8'></script>
        -->
        <script type="text/javascript" src="js/topicsFooter2015.js"></script>
        <!--
        <script type="text/javascript" src="js/hmbaidu.js" charset='utf-8'></script>
        -->
        <div class="uploadStory"><a href="http://story.baihe.com/index.php?action=uploadStory" target="_blank">上传成功故事</a></div>
        <!-- Start Alexa Certify Javascript --> <script type="text/javascript"> _atrk_opts = { atrk_acct:"O3rui1asyr00wL", domain:"baihe.com",dynamic: true}; (function() { var as = document.createElement('script'); as.type = 'text/javascript'; as.async = true; as.src = "#"; var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(as, s); })(); </script> <noscript><img src="https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=O3rui1asyr00wL" style="display:none" height="1" width="1" alt=""></noscript>
 <!-- End Alexa Certify Javascript --></body>
</html>

<script>
	var total=0;//照片总数
	var index=0;//当前显示的图片索引
	var time;
	$(function(){
		$("#viewerFrame>li").addClass("navy_out");
		total=$("#viewerFrame>li").length;//获取轮换的图片总
		clearInterval(time);
		time=null;
		if(time==null){
			time=window.setInterval("showPicAuto()",2000);//图片自由轮换的定时器
		}
		$("#nextbtn").click(function(){
			if(index<=0){
				return;
			}else{
				var now_index=$("#viewerFrame>li[class='navy_over']").index();
				if(index!=now_index){
					index=now_index;
				}
				index-=1;
			}
			showPic(index);
		});
		$("#prevbtn").click(function(){
			if(index>=total-1){
				return;
			}else{
				var now_index=$("#viewerFrame>li[class='navy_over']").index();
				if(index!=now_index){
					index=now_index;
				}
				index+=1;
			}
			showPic(index);
		});
	});

	//大图片
	function showPicAuto(){//说明要显示指定的图片
		if(arguments.length>0){
			index=arguments[0];
		}else{
			index=index%total;
			//alert(index+"***"+total);
		}
		showPic(index);
		index++;
	}
	function showPic(num){
		if(num<=0){
			num=0;
		}
		$("#shwo_channe_page").text(num+1);
		$("#viewerFrame>li").css("display","none").eq(num).css("display","block");
		$("#viewerFrame>li").attr("class","navy_out").eq(index).attr("class","navy_over");
	}
</script>

<script language="javascript" type="text/javascript">
  //  <!--baihe.bhtongji.tongji({'event':'3','spm':'4.59.9.262.2359'});-->
    var objInterval1,objInterval2,objInterval3,objInterval4;
    function scoll(rid){	  
        var divid="#col_fl_"+rid;
        var ul = $(divid);
        var liHeight = ul.find(".pin:last").height();
        var ulHeight = ul.height();
        ul.animate({marginTop : liHeight+40+"px",height:ulHeight+"px"},2000,function(){
            ul.find(".pin:last").prependTo(ul)
            ul.find(".pin:first").hide();
            ul.css({marginTop:0});
            ul.find(".pin:first").fadeIn(1000);
        });	
        StopScrol(rid);
        if(rid>=4) rid=1;
        else rid++;
        StartScrol(rid);
    }

    function StartScrol(rid){ 

        if(rid==1) objInterval1=setInterval("scoll('1')",7000); 
        if(rid==2) objInterval2=setInterval("scoll('2')",7000); 
        if(rid==3) objInterval3=setInterval("scoll('3')",7000); 
		if(rid==4) objInterval4=setInterval("scoll('4')",7000);
    } 

    function StopScrol(rid){ 
        if(rid==1) window.clearInterval(objInterval1); 
        if(rid==2) window.clearInterval(objInterval2); 
        if(rid==3) window.clearInterval(objInterval3); 
		if(rid==4) window.clearInterval(objInterval4);
    } 
	
    $(function(){
        StartScrol(1);

    });
    function change_tab(tab){
        if(tab == 'tab1'){ 
            $("#week_content").show();
            $("#month_content").hide();
                                      
            $("#tab_content2").removeClass("now");
            $("#tab_content1").addClass("now");
        }else if(tab == 'tab2'){
            $("#week_content").hide();
            $("#month_content").show();
                                        
            $("#tab_content1").removeClass("now");
            $("#tab_content2").addClass("now");
        }
    }
</script>
